/* 
culture shock: voodoo dolly v2.0
pogy366: http://www.raykdesign.net
Sept 2007
*/


body {
font-family:Arial, Helvetica, sans-serif;
font-size:.8em; 
color:#000000; 
margin:20px 0 0 0;
padding:0 0 0 0;
background:#ffffff;
}

p {
margin-bottom:10px;
line-height:1.2em;
}

p#fout {
    color : #800517;
}

p#juist {
    color : #13E801;
}

table#myTable{
   width:80%;
}


strong {
font-weight:bold;
}

em {
font-style:italic;
}

ul, ol {
margin:0 0 12px 0;
padding:0;
}

li {
margin:0 0 5px 0;
padding-left:15px;
list-style:none;
background-image:url(afbeeldingen/bulleted-li-bg-dark.gif);
background-position:0 3px;
background-repeat:no-repeat;
font-size:1em;
color:#454545;
}

form{
    margin: 0 0 5px 15px;
    padding-left:15px;
}

ul {
    margin: 0 0 5px 15px;
    padding-left:15px;
}

a {
color:#6E312A;
text-decoration:underline;
}

a:hover {
color:#999999;
text-decoration:none;
}



/* Main Outer Container */
#pageWrap {
margin:0 auto;
padding:0;
width:980px;
}


/* Header */
#header {
margin:0;
padding:0;
width:980px;
height:135px;
background-image:url(afbeeldingen/header-bg.jpg);
background-position:0 0;
background-repeat:no-repeat;
}

#header h1 {
margin:0;
padding:30px 0 0 170px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#ffffff;
font-size:3em;
font-weight:lighter;
}

#header p {
margin:0;
padding:5px 0 0 175px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#eeeeee;
}



/* Main Navigation */
#navBar {
margin:0;
padding:0;
width:980px;
height:35px;
line-height:35px;
background:url(afbeeldingen/nav-bar-bg.jpg);
background-position:0 0;
background-repeat:no-repeat;
}

#navBar ul{
list-style-type:none;
margin-left:20px;
}

#navBar li{
margin:0;
padding:0;
list-style-type:none;
display:inline;
background-image:none;
}

#navBar li a{
margin:0 0 0 -5px;
padding:9px 20px 9px 20px;
color:#ffffff;
text-decoration:none;
font-size:1.1em;
border-left:1px solid #757575;
}

#navBar ul li a:hover{
color:#ffffff;
text-decoration:none;
background-color:#AC4B41;
}

#navBar li.end {
margin:0;
padding:0;
list-style-type:none;
display:inline;
background-image:none;
}

#navBar li.end a{
margin:0 0 0 -5px;
padding:9px 20px 9px 20px;
color:#ffffff;
text-decoration:none;
font-size:1.1em;
border-left:1px solid #757575;
border-right:1px solid #757575;
}

#navBar li.end a:hover{
color:#ffffff;
text-decoration:none;
background-color:#AC4B41;
}


/* Content Container */
#container {
margin:0;
padding:10px 0 0 0;
width:980px;
}



/* Center Content Column */
#centerColumn {
float:left;
margin:0 10px 0 0;
padding:6px 6px 6px 10px;
width:735px;
font-size: .9em;
color:#000000;
border-left:1px dashed #cccccc;
}

#centerColumn h2 {
margin:0 0 20px 0;
padding:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1.8em;
color:#9C291D;
}

#centerColumn h3 {
margin:20px 0 10px 0;
padding:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1.3em;
color:#5A6370;
}

#centerColumn h4 {
margin:20px 0 20px 0;
padding:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1em;
color:#5A6300;
}

#commentaar{
    border-color: silver;
    border-style: ridge;
    border-width: 1px;
    padding: 10px;
}




/* Right Content Column */
#rightColumn {
float:left;
margin:0;
padding:6px;
width:200px;
font-size:.9em;
color:#646464;
background:#eeeeee;
border:1px solid #cccccc;
}

#rightColumn h2 {
font-size:1.4em;
color:#2C2C2C;
}








/* Footer */
#footer {
margin:30px 0 10px 0;
padding:0;
width:980px;
height:100px;
background-image:url(afbeeldingen/footer-bg.jpg);
background-position:0 0;
background-repeat:no-repeat;
}

#footer p {
margin:0;
padding:0 150px 0 0;
line-height:100px;
font-family:Arial, Helvetica, sans-serif;
font-size:.8em;
color:#454545;
text-align:right;
}

#footer a {
color:#9C291D;
text-decoration:none;
}

#footer a:hover {
color:#999999;
text-decoration:underline;
}


/* Clears nested floats */
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

div#fout {
    border: 1px solid #000;
    
    background-color: #fe7e7e;
    padding: 8px;
    margin: 10px 0;
    color: #000;
}

div#boodschap {
    border: 1px solid #000;

    background-color: #EFE7FF;
    padding: 8px;
    margin: 10px 0;
    color: #000;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */



